<template>
  <div class="app-result app-result-404">
    <div class="app-result-icon app-result-image">
      <icon-svg name="error-404" class="error-404"></icon-svg>
    </div>
    <div class="app-result-title">404</div>
    <div class="app-result-subtitle">抱歉，您访问的页面不存在。</div>
    <div class="app-result-extra">
      <RouterLink
        :to="{ path: '/', replace: true }"
        class="el-button el-button--primary"
        >回到首页</RouterLink
      >
    </div>
  </div>
</template>
<style scoped>
.error-404 {
  width: 252px;
  height: 294px;
}
</style>
